$(document).ready(function(){
(function(){
	$("#dialogo-expediente").dialog({
		autoOpen : false,
		height : 'auto',
		width : 'auto',
		modal : true,
		// dialogClass: 'ui-jqdialog-content ui-widget-content',
		buttons : {
			"cancelar" : function() {
				$(this).dialog("close");
			}
		},
		close : function() {
		}
	});

	//$("#create-user").button().click(function() {
//		$("#dialogo-expediente").dialog("open");
	//});

	$("#data").jqGrid({
		url : "/SIG/expediente/listJson",
		editurl : "/SIG/expediente/update",
		datatype : 'json',
		mtype : 'GET',
		autowidth : true, 
		shrinkToFit : false,
		caption : 'Seleccionar Expediente',
		width : "100%",
		colNames : [ 'Numero', 'Alcance', 'Cuerpo', 'Extracto', 'Fecha Inicio', 'Tipo Expediente' ],
		colModel : [
		{
			name : 'numero',
			editable : true,
			index : 'numero',
	//width : 20
		}, {
			name : 'alcance',
			editable : true,
			index : 'alcance',
			//width : 100
		},

		{
			name : 'cuerpo',
			editable : true,
			index : 'cuerpo',
			//width : 100
		}, {
			name : 'extracto',
			editable : true,
			index : 'extracto',
			//width : 100
		}, {
			name : 'fechaInicio',
			editable : true,
			index : 'fechaInicio',
			//width : 100,
			formatter : 'date',
			formatoptions : {
				newformat : 'd/m/Y'
			},
			editoptions : {
				size : 20,
				dataInit : function(el) {
					$(el).datepicker({
						dateFormat : 'dd/mm/yy'
					});
				}
			}
		}, {
			name : 'tipoExpediente',
			editable : true,
			index : 'tipoExpediente',
			//width : 100
		}, ],
		pager : '#pagerData',
		rowNum : 20,
		rowList : [ 20, 30, 40, 50 ],
		sortname : 'id',
		sortorder : 'desc',
		height : "100%",
		viewrecords : true,
		gridview : true,
		onSelectRow : function(id) {
			var rowData = jQuery(this).getRowData(id);
			$("#expediente").val(rowData['numero']);
			$("#encuadreLegal").prop("disabled", true);
			$("#dialogo-expediente").dialog("close");
		}
	// caption: 'Solicitudes'
	});

	jQuery("#data").filterToolbar({});
})();

});